<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>会员卡详情</title>
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
    <style type="text/css">
        body{
            background: #F8F8F8;
        }
        #container .weui-cell__bd{
            font-size:14px;
        }
        .page__bd{
            padding:10px;
        }
        .page__title{
            margin:10px 20px 10px 10px;
            border-bottom:1px solid #D9D9D9;
        }
        h4{
             padding-bottom:10px;
            font-size:18px;
            font-weight:bold;
        }
        .weui-label{
            color:#848484;
            font-size:0.9rem;
            width: 60px;

            text-align:justify; text-justify:distribute-all-lines;
            text-align-last:justify;
        }
        /*.weui-label  i { display: inline-block !* Opera *!; padding-left: 100%; }*/
        #container .weui-cell__bd{
            font-size:0.9rem;
        }
        .weui-cell__hd{
            margin-right:35px;
        }
        .weui-cell{
            padding: 15px;
            padding-top:0;
            align-items: end;
        }
        .weui-cell:before{
            border:none;
        }
        .tel{
            color:#069325
        }
    </style>
</head>
<body>
<div class="container" id="container">
    <div class="page panel js_show">
        <div class="page__bd">

            <div class="page__title">
                <h4>会员卡详情</h4>

            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <div class="weui-label">
                        特权说明
                        <i></i>
                    </div>
                </div>
                <div class="weui-cell__bd">
                    <p>
                        激活成功送{$card['bonus_rule']['init_increase_bonus']}积分<br/>
                        每消费{$card['bonus_rule']['cost_money_unit']}元，送{$card['bonus_rule']['increase_bonus']}积分<br/>

                    </p>
                    <p>{$card['prerogative']}</p>
                </div>
            </div>

            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <div class="weui-label">
                        有效日期
                        <i></i>
                    </div>
                </div>
                <div class="weui-cell__bd">
                    {$card['base_info']['date_info']|getterm}
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <div class="weui-label">
                        电话
                        <i></i>
                    </div>
                </div>
                <div class="weui-cell__bd tel">
                    {$card['base_info']['service_phone']}

                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <div class="weui-label">
                        使用须知
                        <i></i>
                    </div>
                </div>
                <div class="weui-cell__bd">
                    每人限领{$card['base_info']['get_limit']}张<br/>
                    {$card['base_info']['description']}

                </div>
            </div>


        </div>
    </div>
</div>
</body>
</html>
